<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="__STATIC__/js/layui-v2.5.5/layui/css/layui.css">
  <script src="__STATIC__/js/jquery.min.js"></script>
  <script src="__STATIC__/js/layui-v2.5.5/layui/layui.js"></script>
  <script src="__STATIC__/js/admin/index.js"></script>
</head>
<body>
  <div class="layui-layout layui-layout-admin">
    <div class="layui-header">
      <div class="layui-logo layui-hide-xs layui-bg-black">图书管理系统</div>
      <ul class="layui-nav layui-layout-left">
      </ul>
      <ul class="layui-nav layui-layout-right">
        <li class="layui-nav-item layui-hide layui-show-md-inline-block">
          <a href="javascript:;">
            <img src="__STATIC__/images/user.jpg" class="layui-nav-img">
            顾*
          </a>
          <dl class="layui-nav-child">
            <dd><a href="">更改资料</a></dd>
            <dd><a href="">设置</a></dd>
            <dd><a href="">退出</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
          
        </li>
      </ul>
    </div>
    
    <div class="layui-side layui-bg-black">
      <div class="layui-side-scroll">
        <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
        <ul class="layui-nav layui-nav-tree  layui-nav-side" lay-filter="test">
            <li class="layui-nav-item layui-nav-itemed" style="margin-top: 100px">
              </li>
            <li class="layui-nav-item layui-nav-itemed" lay-filter="user">
                <a href="javascript:;">用户管理</a>
            </li>
            <li class="layui-nav-item" lay-filter="Borrow">
              <a href="javascript:;">借阅管理</a>
              
            </li>
            <li class="layui-nav-item" lay-filter="depaerment">
              <a href="javascript:;">部门管理</a>
            </li>
            <li class="layui-nav-item" lay-filter="book">
              <a href="javascript:;">图书管理</a>
            </li>
          </ul>
      </div>
    </div>
    
    <div class="layui-body">
      <!-- 内容主体区域 -->
      <div style="padding: 15px;">
        <table class="layui-table" id="box" lay-filter="box"></table>
      </div>
    </div>
  </div>
<!-- 添加书籍 -->
  <form class="layui-form " style="margin:5px 20px; display: none" lay-filter="bookfrom" id="bookfrom"> 
    <div class="layui-form-item">
      <label class="layui-form-label">图书编号</label>
      <div class="layui-input-inline">
        <input type="text" name="bno" placeholder="请输入" autocomplete="off" class="layui-input">
      </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">图书名称</label>
        <div class="layui-input-inline">
          <input type="text" name="title" placeholder="请输入" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">作者</label>
        <div class="layui-input-inline">
          <input type="text" name="author" placeholder="请输入" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">出版社</label>
        <div class="layui-input-inline">
          <input type="text" name="publish" placeholder="请输入" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">出版日期</label>
        <div class="layui-input-inline">
            <input type="text" name="pdate" id="date1" lay-verify="date|required" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
          </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">摘要</label>
        <div class="layui-input-inline">
          <input type="text" name="tips" placeholder="请输入" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">总量</label>
        <div class="layui-input-inline">
          <input type="text" name="gross" placeholder="请输入" lay-verify="required|number" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">库存</label>
        <div class="layui-input-inline">
          <input type="text" name="inventory" placeholder="请输入" lay-verify="required|number" autocomplete="off" class="layui-input">
        </div>
    </div>

  </form>

<!-- 添加浏览记录-->
<form class="layui-form " style="margin:5px; display: none" lay-filter="borrowfrom" id="borrowfrom"> 
    <div class="layui-form-item">
        <label class="layui-form-label">用户ID</label>
        <div class="layui-input-inline">
          <input type="text" name="uid"  placeholder="请输入" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">图书ID</label>
        <div class="layui-input-inline">
          <input type="text" name="bid" placeholder="请输入" lay-verify="required|number" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label">借阅时间</label>
      <div class="layui-input-inline">
        <input type="text" name="	brorrowdate" lay-verify="required|date" id="date2_1" placeholder="请输入" autocomplete="off" class="layui-input">
      </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">归还时间</label>
        <div class="layui-input-inline">
          <input type="text" name="returndate" id="date2_2" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item" style="margin-bottom: 20px;">
        <label class="layui-form-label">是否归还</label>
        <div class="layui-input-inline">
            <input type="radio" name="returnflag" value="T" title="是">
            <input type="radio" name="returnflag" value="F" title="否" checked>
        </div>     
    </div>
    
  </form>

<!-- 添加部门-->
<form class="layui-form " style="margin:5px; display: none" lay-filter="deptfrom" id="deptfrom"> 
    <div class="layui-form-item">
        <label class="layui-form-label">部门名称</label>
        <div class="layui-input-inline">
          <input type="text" name="dname"  placeholder="请输入" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">部门主管</label>
        <div class="layui-input-inline">
          <input type="text" name="manager" placeholder="请输入" lay-verify="required|number" autocomplete="off" class="layui-input">
        </div>
    </div>
  </form>
  <!-- 添加用户 -->
<form class="layui-form " style="margin:5px; display: none" lay-filter="userfrom" id="userfrom"> 
      <div class="layui-form-item">
          <label class="layui-form-label">用户名</label>
          <div class="layui-input-inline">
            <input type="text" name="name"  placeholder="请输入" autocomplete="off" class="layui-input">
          </div>
      </div>
      <div class="layui-form-item">
          <label class="layui-form-label">密码</label>
          <div class="layui-input-inline">
            <input type="text" name="pwd" placeholder="请输入" lay-verify="required|number" autocomplete="off" class="layui-input">
          </div>
      </div>
      <div class="layui-form-item">
          <label class="layui-form-label">姓名</label>
          <div class="layui-input-inline">
            <input type="text" name="realname"  placeholder="请输入" autocomplete="off" class="layui-input">
          </div>
      </div>
      <div class="layui-form-item">
          <label class="layui-form-label">登录权限</label>
          <div class="layui-input-inline">
              <input type="radio" name="role" value="0" title="普通用户" checked>
              <input type="radio" name="role" value="1" title="管理员" >
          </div>
      </div>
      <div class="layui-form-item">
          <label class="layui-form-label">部门ID</label>
          <div class="layui-input-inline">
            <input type="text" name="deptid" placeholder="请输入" lay-verify="required|number" autocomplete="off" class="layui-input">
          </div>
      </div>
    </form>
<script type="text/html" id="toolbarDemo">
  <div class="layui-btn-container">
    <button class="layui-btn layui-btn-sm" lay-event="add">添加</button>
  </div>
</script>   
<script type="text/html" id="dele">
  <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>  
</body>
</html>